<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>简单个人页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/checkLogin.js"></script>


</head>

<script>
    $(function () {
        $(".simplePerson").renderValues(user);
        $("#logout").click(function () {
            $.ajax({
                url: baseUrl + "sessions",
                method: "delete",
                success: function () {
                    sessionStorage.removeItem("user");
                    window.parent.location.href = "/index.html";
                }

            })
        })

        //这个所有未读的信息
        $.get(baseUrl+"users/"+user.id+"/infoUnreadNum", function (data) {
            if (data!=0){
                $("#infoNum").html(data);
            }
        });
        //通知的消息
        $.get(baseUrl+"users/"+user.id+"/infoUnreadNum",{type:3}, function (data) {
            if (data!=0){
                $("#notifyNum").html(data);
            }
        });

    })

</script>
<body>

<div class="simplePerson">
    <img class="rounded-circle" width="20%" render-src="headImgUrl">
    <p render-html="nickName"><strong></strong></p>
    <p render-html="email"></p>
    <hr>
    <div class="mymenu">
        <i class="fa fa-user fa-2x fa-fw"></i>
        <a href="/mine/profiles.html" target="_parent">
            我的</a>
    </div>
    <div class="mymenu">
        <i class="fa fa-bell fa-2x fa-fw"></i>
        <a href="/mine/message.html" target="_parent">信息</a>
        <span class="badge badge-danger badge-pill" id="infoNum"></span>
    </div>
    <div class="mymenu">
        <i class="fa fa-comment fa-2x fa-fw"></i>
        <a href="/mine/message.html" target="_parent">通知</a>
        <span class="badge badge-danger badge-pill" id="notifyNum"></span>
    </div>
    <div class="mymenu">
        <i class="fa fa-cog fa-2x fa-fw"></i>
        <a href="/mine/info.html" target="_parent">设置</a>
    </div>
    <hr style="margin-top: 50px;">
    <div class="mymenu" id="logout">
        <i class="fa fa-sign-out fa-2x fa-fw"></i>
        <label>退出登录</label>
    </div>
</div>


</body>
<style>
    .simplePerson {
        text-align: center;
        color: #7A786F;
        padding-top: 50px;
        padding-bottom: 110px;
        background-color: #E8E6E8;
    }

    .mymenu {
        margin: 15px auto;
    }

    .mymenu i {
        margin-right: 20px;
    }

</style>
</html>